<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑器</title>
    <% include include/link %>
    <link href="https://cdn.bootcss.com/summernote/0.8.6/summernote.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid widget-stage">
    <h1 class="widget-stage-title">Douyou8UI 项目通用组件库</h1>
    <p class="widget-stage-desc">项目中应当抽取公共的部分以及较为复杂的部分作为组件，方便复用。其中按钮，对话框，遮罩层，下拉菜单，选项卡和文本输入6个组件因为每个项目中都基本会使用到，因此已经由框架预先实现。</p>
    <section class="widget-item">
        <div class="widget-item-title">默认单选</div>
        <div class="widget-item-cnt">
            <div id="summernote"></div>
        </div>
    </section>
</div>
<% include include/footer %>
<script src="https://cdn.bootcss.com/summernote/0.8.6/summernote.min.js"></script>
<script src="https://cdn.bootcss.com/summernote/0.8.6/lang/summernote-zh-CN.min.js"></script>
<script>
    var $summernote = $('#summernote').summernote({
        'lang': 'zh-CN',
        'height': '300px',
        'placeholder': '请在编辑器中输入内容...',
        'toolbar': [
            ['block',['style']],
            ['style',['bold','italic','underline','clear']],
            ['font',['strikethrough','superscript','subscript']],
            ['fontname',['fontname']],
            ['fontsize',['fontsize']],
            ['color',['color']],
            ['table',['table']],
            ['para',['ul','ol','paragraph']],
            ['height',['height']],
            ['insert',['picture','link','video','hr']],
            ['misc',['undo','redo','fullscreen','codeview','help']]
        ]
    });
    $summernote.summernote('fontSize', 14);
</script>
</body>
</html>